import React, { Component } from 'react';

// 导入样式表
import './Tabbar.scss'
class Tabbar extends Component {
    constructor(props) {
        super(props);
        this.state = {
            arr: [
                { name: '店铺', pic: 'icon-dianpu' },
                { name: '分类', pic: 'icon-fenleiclassify' },
                { name: '全部商品', pic: 'icon-quanbu' },
                { name: '购物车', pic: 'icon-shiwu-gouwuche' },
                { name: '个人中心', pic: 'icon-gerenzhongxin' }
            ]
        }
    }
    render() {
        return (
            <div className='tabbar'>
                {
                    this.state.arr.map((item, index) => {
                        return (
                            <div className="btn" key={index}>
                                <i className={"iconfont " + item.pic}></i>
                                <div>{item.name}</div>
                            </div>

                        )
                    })
                }
            </div>
        );
    }
}

export default Tabbar;